
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>HTML <span class="color_h1">标题</span></h1>
<hr/><p class="intro">在 HTML 文档中，标题很重要。</p>
<hr/><h2>HTML 标题</h2>
<p>标题（Heading）是通过 &lt;h1&gt; - &lt;h6&gt; 标签进行定义的。</p>
<p>&lt;h1&gt;
 定义最大的标题。 &lt;h6&gt; 定义最小的标题。</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
<div class="hl-main"><span class="hl-brackets">&lt;</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code">这是一个标题。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">h2</span><span class="hl-brackets">&gt;</span><span class="hl-code">这是一个标题。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">h2</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">h3</span><span class="hl-brackets">&gt;</span><span class="hl-code">这是一个标题。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">h3</span><span class="hl-brackets">&gt;</span></div>
</div>
<br/><a class="tryitbtn"  rel="noopener noreferrer" target="_blank">尝试一下 »</a>
</div>
<p><b>注释:</b> 浏览器会自动地在标题的前后添加空行。</p>
<hr/><h2>标题很重要</h2>
<p>

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成<b>粗体</b>或<b>大号</b>的文本而使用标题。 </p>
<p>搜索引擎使用标题为您的网页的结构和内容编制索引。</p>
<p>因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。</p>
<p>应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。</p>
<hr/><h2>HTML 水平线</h2>
<p>&lt;hr&gt; 标签在 HTML 页面中创建水平线。<p>
<p>hr 元素可用于分隔内容。</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
<div class="hl-main"><span class="hl-brackets">&lt;</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">这是一个段落。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">hr</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">这是一个段落。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">hr</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">这是一个段落。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span></div>
</div>
<br/><a class="tryitbtn"  rel="noopener noreferrer" target="_blank">尝试一下 »</a>
</div>
<br/>
<hr/><h2>HTML 注释</h2>
<p>可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。</p>
<p>注释写法如下:</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
<div class="hl-main"><span class="hl-comment">&lt;!--</span><span class="hl-comment"> 这是一个注释 </span><span class="hl-comment">--&gt;</span></div>
</div>
<br/><a class="tryitbtn"  rel="noopener noreferrer" target="_blank">尝试一下 »</a>
</div>
<p><b>注释:</b> 开始括号之后（左边的括号）需要紧跟一个叹号 <span class="marked">!</span> (英文标点符号)，结束括号之前（右边的括号）不需要，合理地使用注释可以对未来的代码编辑工作产生帮助。</p>
<hr/><h2>HTML 提示 - 如何查看源代码</h2>
<p>你是否看过一些网页然后惊叹它是如何实现的。</p>
<p>如果您想找到其中的奥秘，只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。</p>
<hr/><div class="tryit_ex">
<img alt="Examples" decoding="async" height="46px" src="/images/tryitimg.gif" width="40"/><h2>本站实例</h2>
</div>
<p><a  rel="noopener noreferrer" target="_blank">标题</a><br/>
如何在 HTML 文档中显示标题。</p>
<p><a  rel="noopener noreferrer" target="_blank">隐藏注释</a><br/>
如何在 HTML 源代码中插入注释。
</p>
<p>
<a  rel="noopener noreferrer" target="_blank">水平线</a><br/>
如何插入水平线。</p>
<hr/><h2>HTML 标签参考手册</h2>
<p>菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。</p>
<p>您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。</p>
<table class="reference notranslate">
<tbody><tr>
<th align="left">标签</th>
<th align="left">描述</th>
</tr>
<tr>
<td><a >&lt;html&gt;</a></td>
<td>定义 HTML 文档</td>
</tr>
<tr>
<td><a >&lt;body&gt;</a></td>
<td> 定义文档的主体</td>
</tr>
<tr>
<td><a >&lt;h1&gt; - &lt;h6&gt;</a></td>
<td> 定义 HTML 标题</td>
</tr>
<tr>
<td><a >&lt;hr&gt;</a></td>
<td> 定义水平线</td>
</tr>
<tr>
<td><a >&lt;!--...--&gt;</a></td>
<td>定义注释</td>
</tr>
</tbody></table> <div class="scroll-top"><a >返回顶部</a></div>
</p></p></div>

    </body>
    </html>
    